<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="layuiadmin/style/admin.css" media="all">
  <style>
		body,
		html {
			background: rgb(242, 242, 242);
		}
		.layui-card-body {
			padding: 30px 50px;
			background-image: url(layuiadmin/img/timg2.jpg);
			filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
			-moz-background-size:100% 100%;  
   	 background-size:100% 100%; 
			background-attachment: fixed;
		}

		.layui-form-item {
			margin-bottom: 35px;
		}

		.layui-card {
		}

		.layui-col-md2 {
			text-align: right;
			padding-right: 18px;
			height: 38px;
			line-height: 38px;
		}

		.layui-select-title .layui-input {
			width: 100% !important;
		}

		.red {
			color: #FF6666;
			padding-right: 5px;
			font-size: 15px;
		}
		/*新布局 弹窗按钮定位 label垂直居中*/
		label {
			height: 35px;
			line-height: 35px;
			padding-right: 15px;
			text-align: right;
		}
		.btn-p {
			position: relative;
		}
		.input-btn {
			position: absolute;
			top: 0px;
			right: 0px;
		}
		.hr-row div{
			text-align: left;
			border-bottom: 1px solid #CCCCCC;
		}

		.seclabel {
			width: 12%;
		}
		.secrow {
			width: 61.7%;
		}
		#logo{
			transform:scale(0.5);//设置缩放比例
			-ms-transform:scale(0.5);
			-webkit-transform:scale(0.5);
			-o-transform:scale(0.5);
			-moz-transform:scale(0.5);
		}
		#alipay{
			transform:scale(0.2);//设置缩放比例
			-ms-transform:scale(0.2);
			-webkit-transform:scale(0.2);
			-o-transform:scale(0.2);
			-moz-transform:scale(0.2);
			position: fixed;
			bottom: -290px;
			right: -250px;
		}
	</style>
</head>
<body>
<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md12">
			<div class="layui-card">
				<div class="layui-card-header">学习资源</div>
				<div class="layui-card-body">
					<form style="margin-top:20px ;margin-bottom: 270px ;" class="layui-form" action="">
						<img id="alipay" src="layuiadmin/img/alipay.jpg"/>
						<div class="layui-form-item layui-row">
							<div class=" layui-col-md-offset3 layui-col-md5">
								<img  id="logo" src="layuiadmin/img/logo2.png"/>
							</div>
						</div>
						<div class="layui-form-item layui-row">
							<div class=" layui-col-md-offset3 layui-col-md5">
								<input type="text" placeholder="右边社长二维码" name="title" autocomplete="off" class="layui-input" lay-verify="required">
							</div>
							<div class="layui-input-block layui-col-md2" style="text-align: left; margin: 0;">
								<button class="layui-btn" lay-submit lay-filter="form">点击搜索</button>
							</div>
						</div>
							<!--<div class=" layui-col-md-offset4 layui-col-md5">
								<img id="alipay" src="layuiadmin/img/TIM图片20180817134736.jpg"/>
							</div>-->
					</form>
					<div style="text-align: center; font-weight: bold;"><p><a href="https://www.zhihu.com/people/a39daceeb6922c9a04bd8a8706a19ca0" target="_blank">点此关注本站作者 </a></p></div> 

				</div>
			</div>
		</div>
	</div>
</div>

 <script src="layuiadmin/layui/layui.js"></script>  
  <script>
  	layui.config({
    base: 'layuiadmin/' //静态资源所在路径
 			}).extend({
    				index: 'lib/index' //主入口模块
  		}).use(['layer', 'jquery', 'element', 'tree','form'], function() {
        var $ = layui.jquery,
            layer = layui.layer,
            form=layui.form,
            element = layui.element;
        form.render();
        element.render(); //待定
        //自定义表单验证规则
        //监听表单提交
        form.on('submit(form)', function(data) {
           var key = $("input[name='title']").val().toString();
            localStorage.setItem(`key`, key);
            window.location.href = "list.html";
            return false; //阻止表单跳转
        });

    });
  </script>
</body>
</html>